.app-card-container {
  gap: 20px;

  .mix-top {
    gap: 20px;
  }

  .card-gap {
    gap: 20px;
  }

  .more {
    text-align: right;
    color: var(--el-color-primary);
    font-size: 14px;
  }

  .el-card {
    --el-card-border-radius: 10px;
  }
}

.app-card-box {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 20px;
  background-color: var(--app-card-color, #fff);

  &.full-box {
    width: 100%;
    height: 100%;
  }

  &__title {
    font-size: 16px;
    font-weight: bold;
    color: var(--app-color, #4c4c4c);
  }

  &__body {
    display: grid;
    grid-template-columns: repeat(var(--grid-col, 1), 1fr);
  }
}

.app-card-footer {
  padding: 20px;
  &.el-card {
    --el-card-border-radius: 10px;
  }
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  // width: 100%;
}
.page-header-breadcump {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0b0e20;
  line-height: 22px;
  margin-bottom: 20px;
}
